<div style="height:50px;width: 100%;background-color: white;"></div>
<div class="content-wrapper" ng-controller="testCtrl">
    <div class="levitate-div">
        <input style="position: relative;top:5px;left:8px;" type="submit" value="保存" id="save" name="save"  class="btn btn-primary">
        &nbsp;&nbsp;
        <input style="position: relative;top:5px;" type="submit" value="保存并关闭" id="saveAndClose" name="saveAndClose" class="btn btn-primary" ng-click="close()">
    </div>
    <section class="content">
        <div class="row">
            <div class="col-xs-12">
                <div class="box">
                    <div class="box-header with-border">
                        <h3 class="box-title">常用</h3>
                    </div>
                    <div class="box-body">
                        <div class="select-ways">
                            <!--<form role="form" angular-validator-submit="save()" novalidate="" angular-validator-quiet="" class="ng-pristine ng-invalid ng-invalid-required ng-submitted">-->
                            <form class="form-horizontal">
                                <div class="clearfix">
                                    <div class="form-group col-xs-12 col-sm-6 col-md-3 col-lg-3">
                                        <label class="form-label">下拉树结构</label>
                                        <div class="input-group">
                                            <div class="input-group-addon">
                                                <span class="fa fa-list"></span>
                                            </div>
                                            <input type="hidden" name="testTreeId" ng-model="form.testTreeId"/>
                                            <input class="form-control fd-tree " ng-model="form.testTree" id="testTree" name="testTree"/>
                                        </div>
                                    </div>
                                    <div class="form-group col-xs-12 col-sm-6 col-md-3 col-lg-3">
                                        <label class="form-label">三级联动之一级分类</label><select
                                            ng-change="firstCategory()"
                                            class="form-control fd-combobox form-auth"
                                            plugins="fd-combobox"
                                            ng-options="park.categoryCode as park.categoryName for park in firstList"
                                            maxlength="50"
                                            ng-model="form.firstCategory"
                                            label="一级分类"
                                            name="firstCategory"></select>
                                    </div>
                                    <div class="form-group col-xs-12 col-sm-6 col-md-3 col-lg-3">
                                        <label class="form-label">三级联动之二级分类</label><select
                                            ng-change="secondCategory()"
                                            class="form-control fd-combobox form-auth"
                                            plugins="fd-combobox"
                                            ng-options="park.categoryCode as park.categoryName for park in secondList"                                            maxlength="50" ng-required="false"
                                            ng-model="form.secondCategory"
                                            label="二级分类"
                                            name="secondCategory"></select>
                                    </div>
                                    <div class="form-group col-xs-12 col-sm-6 col-md-3 col-lg-3">
                                        <label class="form-label">三级联动之三级分类</label><select
                                            class="form-control fd-combobox form-auth"
                                            plugins="fd-combobox"
                                            ng-options="park.categoryCode as park.categoryName  for park in thirdList"                                            maxlength="50" ng-required="false"
                                            ng-model="form.thirdCategory"
                                            label="三级分类"
                                            name="thirdCategory"></select>
                                    </div>
                                    <div class="form-group col-xs-12 col-sm-6 col-md-3 col-lg-3">
                                        <label class="form-label">纯文本框</label>
                                        <input class="form-control form-auth"
                                               plugins="fd-textbox" maxlength="30"
                                               ng-required="true"
                                               ng-model="form.text"
                                               label="文本框"
                                               name="text"/>
                                    </div>
                                    <div class="form-group col-xs-12 col-sm-6 col-md-3 col-lg-3">
                                        <label class="form-label">自动补全</label>
                                        <angucomplete
                                                placeholder="Search..."
                                                pause="100"
                                                searchstr="form.category"
                                                selectedobject="category"
                                                localdata="categorys"
                                                searchfields="name"
                                                titlefield="name"
                                                minlength="0"
                                                inputclass="form-control form-control-small" />
                                    </div>
                                    <div class="form-group col-xs-12 col-sm-6 col-md-3 col-lg-3">
                                        <label class="form-label">下拉框</label><select
                                            class="form-control fd-combobox form-auth"
                                            plugins="fd-combobox"
                                            ng-options="l.id as l.name for l in payType"
                                            maxlength="50" ng-required="false"
                                            ng-model="form.payType"
                                            label="支付方式"
                                            name="payType"></select>
                                    </div>
                                    <div class="form-group col-xs-12 col-sm-6 col-md-3 col-lg-3">
                                        <label class="form-label">时间控件</label>
                                        <div class="input-group">
                                            <div class="input-group-addon">
                                                <span class="fa fa-calendar"></span>
                                            </div>
                                            <datetimepicker class="form-control form-auth" plugins="fd-datetimepicker"
                                                            ng-required="false" id = "time" binddate="form.time"
                                                            format="Y-m-d H:i:s" ng-model="form.time" label="上架开始时间"
                                                            name="time" pickertype="datetime"
                                                            datatype="datetime"></datetimepicker>
                                        </div>
                                    </div>
                                    <div class="form-group col-sm-12">
                                        <label>多行文本输入框</label>
                                        <textarea class="form-control ng-pristine ng-valid ng-touched" ng-model="form.textarea" style="font-size:10px"></textarea>
                                    </div>
                                    <div class="col-xs-12">
                                        <div class="form-group col-xs-12 col-sm-6 col-md-3 col-lg-3">
                                            <label class="form-label">单图片上传</label>
                                            <div class="input-group">
                                                <span class="btn btn-primary fileinput-button">
                                                    <span>上传</span>
                                                    <input type="file" accept="image/*" name="file" onchange="angular.element(this).scope().showImg()" id="file">
                                                </span>
                                                <span>
                                                    <button type="button" ng-click="deleteImg()" class="btn btn-primary">删除</button>
                                                </span>
                                                <img id="imgShow" style="max-width: 100px;max-height:100px"/>
                                            </div>
                                        </div>
                                        <div class="form-group col-xs-12 col-sm-6 col-md-3 col-lg-3">
                                            <label class="form-label">其他文件上传</label>
                                            <div class="input-group">
                                                <span class="btn btn-primary fileinput-button ">
                                                    <span>上传</span>
                                                    <input type="file" multiple name="file1" onchange="angular.element(this).scope().addFiles()" id="file1">
                                                </span>
                                                &nbsp;
                                                <span style="float:right">
                                                    <table id="fileLists">
                                                    </table>
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </form>
                            <div class="detail-btn">
                                <input type="button" value="查询" class="btn btn-primary" ng-click="search()">
                                &nbsp;&nbsp;
                                <input type="button" value="重置" class="btn btn-primary" ng-click="reset()">
                                &nbsp;&nbsp;
                                <input type="button" value="导出" class="btn btn-primary" ng-click="export()">
                                &nbsp;&nbsp;
                                <input type="button" value="打开模态框" class="btn btn-primary" ng-click="openModal()">
                            </div>
                        </div>
                        <table id="list" class="table table-bordered table-striped"></table>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!--模态框2-->
    <!--导出时显示-->
    <div class="modal fade mo" id="dlg_export" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static">
        <div class="modal-dialog" style="width: 500px ;height:auto">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">导出</h4>
                </div>
                <div class="modal-body">
                    <p>正在导出列表...</p>
                </div>
            </div>
        </div>
    </div>
</div>